<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Balloon Game</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Balloon Game</h1>
    <button id="myBtn">Rules</button>


<div id="myModal" class="modal">


  <div class="modal-content">
    <span class="close">&times;</span>
    <p> 
         <b>1.Hover on Balloons To Score a Point</b>
         <br>
         <b>2.Game Will Over when zero Balloons left</b>
    </p>
  </div>

</div>
    <div class="game"></div>

    <script src="script.js"></script>
</body>
</html>